#gotmNav {
		display: table;
	 	width: 80%; 
		margin-left:10%; 
		margin-right:10%;
	 	background: #fff;
	 }
	 .gotmNavCell {
		display: table-cell;		
		padding: 0px 6px 0px 6px; 
		text-align: center;
	}
	
	#gotmTable {
		display: table;
	 	width: 80%; 
		margin-left:10%; 
		margin-right:10%;
	 	background: #fff;
	 	box-sizing: border-box;
	 }

	 .gotmHeaderRow {
	 	background: #bbbbbb;
	 	color: #fff;
	 }

	.gotmRow {
		display: table-row;
	}

	/* #gotmTable div:nth-of-type(even)		{ background-color:#ffffcc; } */
	
	.gotmCell {
		display: table-cell;		
		padding: 0px 0px 0px 0px; 
		text-align: left;
	}
	.gotmCell1 {
		width: 40px;
	}
	.gotmCell2 {
		width: 30px;
	}
	.gotmCell3 {
		width: 50px;
	}
	.gotmCell4 {
		width: 120px;
	}	
	.gotmCell5 {
		width: 250px;
	}

	
	@media only screen and (max-width: 760px)  {

		body {
			padding: 0;
		}

		#table {
			display: block;
			margin: 44px 0 0 0;
		}

		.row { 
			position: relative;
			display: block;
			border-bottom: 1px solid #ccc; 

		}

		.header-row {
			display: none;
		}
		
		.cell { 
			display: block;

			border: none;
			position: relative;
			height: 45px;
			line-height: 45px;
			text-align: left;
		}

		.primary:after {
			content: "";
			display: block;
			position: absolute;
			right:20px;
			top:18px;
			z-index: 2;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			border-right:10px solid #ccc;

		}

		.cell:nth-of-type(n+2) { 
			display: none; 
		}

	}